$sprite_image: unquote("/images/sprites/buttons/grey-left-right-arrow.png") !default
=grey-l-r-arrow-sprite($img, $col: 1, $row: 0, $width: 19px, $height: 23px, $margin: 20px)
    $y: ($col - 1) * -$height - ($col - 1) * $margin 
    $x: 0
    background: image_url($img) no-repeat $x $y
    width: $width
    height: $height
    display: block

=right-arrow-grey
    +grey-l-r-arrow-sprite($sprite_image, 1, 1)
=left-arrow-grey
    +grey-l-r-arrow-sprite($sprite_image, 2, 1)
=left-no-arrow-grey
    +grey-l-r-arrow-sprite($sprite_image, 3, 1)
=right-no-arrow-grey
    +grey-l-r-arrow-sprite($sprite_image, 4, 1)
=center-grey
    +grey-l-r-arrow-sprite($sprite_image, 5, 1)

